@charset "utf-8";
body,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,select,textarea,button,th,td,menu{margin:0;padding:0;}
*{box-sizing:border-box;}
ul,dl,ol{list-style:none;}
img,fieldset,input[type="submit"]{border:0 none;}
em{font-style:normal;}
strong{font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
button,input[type="button"]{cursor:pointer;border:0 none;}
a,button,input,img{-webkit-touch-callout:none;}
img{/*pointer-events:none;*//*禁止图片的点击事件，例如长按保存图片*/}
input,select,textarea{outline:none;}
a{text-decoration:none;color:#000000;}
.fl{ float: left;}
.fr{ float: right;}
.clear{clear:both;} 
.clearfix::after{
    content: "";
    display: block;
    clear: both;
}
@mixin clear{
    &::after{
        content: "";
        display: block;
        clear: both;
    }
}

//单行溢出隐藏
@mixin nowrap{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
//多行溢出处理
@mixin morewrap($n){
    white-space: normal;
    overflow: hidden;/*1.超出内容隐藏,创建边界*/
    text-overflow: ellipsis;/*2.文字遇到边界时显示省略号*/
    display: -webkit-box;/*3.设置该容器为弹性盒子*/
    -webkit-line-clamp: $n;/*4.表示你的文字可以支持的最大行数*/
    -webkit-box-orient: vertical;/*5.设置文字排版方向,从上到下*/
}
//图片处理
.imgw{
    overflow: hidden;
    img{
        width: 100%;
        vertical-align: middle;
    }
}
.imgh{
    overflow: hidden;
    text-align: center;
    img{
        height: 100%;
    }
}

html,body{
/*禁止用户选择元素*/
//-moz-user-select:none;
// -webkit-user-select: none;
//-ms-user-select: none;
// -khtml-user-select:none; /*禁止元素点击出现半透明黑色背景*/
   -webkit-tap-highlight-color:rgba(0, 0, 0, 0); 
}
input{
    font-family: 'Heiti SC', 'Microsoft YaHei';
}
html {width: 100%;font-family: 'Heiti SC', 'Microsoft YaHei';outline: 0;-webkit-text-size-adjust:none;}
body {height:100%;margin: 0;}